body {
	font-size: 12px;
	font-family: Helvetica, Arial, "微软雅黑", "宋体";
	line-height: 1.5;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #C90000;
	text-decoration: underline;
}
a:focus, a:hover {
	color: #BD0A01;
	text-decoration: underline;
}

.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix{zoom:1}
.area {
	margin: 0 auto;
	width: 980px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.f0 {
	font-size: 0;
}

.tabs {
	height: 40px;
	background-color: #B50000;
}
.tabs li {
	float: left;
	height: 30px;
	padding: 5px 6px;
}
.tabs li.active, .tabs li:hover {
	background-color: #333;
}
.tabs li a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.panes {
	background-color: #333;
	color: #fff;
}


.header {
	margin-top: 15px;
}
.header .logo {
	padding: 18px 5px 10px;
}
.header .search {
	width: 325px;
	padding: 25px 27px 0;
}
.header .search input {
	float: left;
}
.header .search .search-input {
	width: 293px;
	height: 28px;
	border: 1px solid #bfbfbf;
	background-color: #f2f2f2;
	color: #666;
}
.header .search .search-btn {
	background: url("../images/search.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	height: 30px;
	width: 30px;
}
.header .hot-keywords {
	display: inline;
	color: #888;
}
.header .hot-keywords ul, .header .hot-keywords li {
	display: inline;
}
.header .hot-keywords a {
	color: #b50000;
}
.header .top-right {
	font-size: 10px;
}
.header .top-right td {
	padding: 0 3px;
	text-align: center;
}

.nav {
	width:100%;
	min-width: 980px;
	position: relative;
}
.nav > .bar {
	position: absolute;
	background: none repeat scroll 0 0 #B50000;
	height: 40px;
	width: 100%;
	left:0;
	z-index: -1;
}
.nav .nav-tab li:not(.active) {
	background-color: transparent;
}
.nav .nav-tab li:not(.not-tab) a {
	color: #ffcc5f;
}
.nav .nav-tab li.small {
	padding: 10px 5px 0 5px;
}
.nav .nav-tab li.small a {
	font-size: 14px;
	font-weight: normal;
}
.nav-pane > table {
	display: inline;
}
.nav-pane table td {
	padding: 0 5px;
}
.nav-pane table.icons td {
	padding: 7px 5px;
}
.nav-pane table.icons td.title {
	max-width: 65px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nav-pane table.icons td.img {
	padding: 0;
	font-size: 0;
}

.focus-wrap{ height:442px; padding:8px 0 0 0;}
.focus-box{ width:980px; height:435px; margin:0 auto; position:relative;}
.focus-box .mod-it{ position:absolute;}
.focus-box .item-1{ left:0; top:0;}
.focus-box .item-2{ left:243px; top:0;}
.focus-box .item-3{ left:449px; top:0;}
.focus-box .item-4{ left:775px; top:0;}
.focus-box .item-5{ left:243px; top:261px;}
.focus-box .item-6{ left:449px; top:261px;}
.focus-box .item-7{ left:612px; top:261px;}
.focus-box .item-8{ left:775px; top:175px;}
.focus-box .item-1, .focus-box .item-1 .avatar{ width:242px; height:435px;}
.focus-box .item-1, .focus-box .item-1 .avatar{ width:242px; height:435px;}
.mod-it{ position:relative; overflow:hidden; *zoom:1;}
.mod-it .avatar-box, .mod-it .avatar{ display:block; overflow:hidden;}
.mod-it-c2{ position:absolute; left:0; bottom:-185px; color:#fff; width:100%; height:185px;}
.mod-it-c2 .cover-box{ display:block; width:100%; height:70px; padding:115px 0 0 0; background:url("../images/mod-it-cover.png") left top repeat-x}
.mod-it-c2 a{ color:#fff;}
.mod-it-c2 .tit{ font-size:14px; display:block; padding-left:25px;}
.mod-it-c2 .txt{ font-size:12px; display:block; padding-left:25px;}


.main-wrap {
	margin-top: 10px;
}
.main-wrap .main-left {
	width: 770px;
}
.main-wrap .main-right {
	width: 200px;
}
.main-wrap .half-left {
	width: 375px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.poster {
	position: relative;
}
.poster .tabs {
	background-color: #0d0d0d;
	height: 60px;
	margin-top: 5px;
	padding: 0 0 0 7px;
}
.poster .tabs li {
	height: 60px;
	padding: 0;
	margin: 0 7px 0 0;
	position: relative;
}
.poster .tabs li span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 85px;
	text-align: center;
	color: #ffcc5f;
}
.poster .indicator {
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 0;
}
.poster .indicator .box {
	border: 2px solid #b50000;
	width: 81px;
	height: 56px;
}

.article-pane {
	background-color: #f2f2f2;
	padding-bottom: 5px;
}
.column-title {
	border-bottom: 2px solid #b50000;
}
.column-title a.more {
	float: right;
	padding-top: 2px;
	color: #b50000;
}
.column-title h3 {
	display: inline-block;
	background-color: #b50000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 8px;
	line-height: 20px;
}
.main-wrap h4 a {
	color: #b50000;
	line-height: 26px;
}
.main-wrap .top-article {
	margin: 15px 0;
	text-align: center;
}
.main-wrap h4.top-article-1 a {
	font-size: 18px;
	font-weight: bold;
}
.main-wrap h4.top-article-2 a {
	font-size: 12px;
	color: #aaa;
}
.main-wrap .pic-article {
	margin: 8px 16px;
	position: relative;
}
.main-wrap .pic-article h4 a {
	font-size: 14px;
	font-weight: bold;
}
.main-wrap .pic-article img {
	float: left;
	margin-right: 8px;
}
.main-wrap .pic-article a.article-detail {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #b50000;
}
.main-wrap .pic-article.another {
	margin: 5px 0;
	background-color: #f2f2f2;
	height: 100px;
	padding-right: 70px;
}
.main-wrap .pic-article.another img {
	margin-right: 16px;
}
.main-wrap .pic-article.another h4 {
	padding-top: 5px;
}
.main-wrap .pic-article.another .tags {
	position: absolute;
	right: 0;
	top: 10px;
}
.main-wrap .pic-article.another .tags li {
	margin: 5px 0;
	width: 60px;
	background-color: #b50000;
	color: #fff;
	text-align: center;
}
.main-wrap .articles li {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
	font-size: 14px;
	line-height: 23px;
}


.main-right .column-title {
	margin-bottom: 5px;
}
.ranking {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 25px;
	background-color: #333;
}
.ranking li {
	display: block;
	padding: 5px 0;
	color: #fff;
}
.ranking li.top3 {
	color: #ffcc5f;
}
.ranking li .hover-only {
	display: none;
}
.ranking li:hover .hover-only, .ranking li.active .hover-only {
	display: block;
}
.ranking li .rank {
	width: 25px;
	text-align: center;
	font-weight: bold;
}
.ranking li .detail {
	width: 175px;
}
.ranking-mobile-tab li {
	width: 88px;
	/*padding: 5px 0 5px 5px;*/
}
.ranking-mobile-tab li a {
	font-weight: normal;
}
.ranking-mobile-tab img {
	margin-top: 3px;
	margin-right: 5px;
}
.ranking-mobile-pane li:hover, .ranking-mobile-pane li.active {
	background-color: #1a1a1a;
}
.ranking-mobile-pane li img {
	padding: 15px 0;
	margin-right: 10px;
}
.ranking-mobile-pane li p.small {
	color: #fff;
	font-size: 10px;
	line-height: 18px;
}
.ranking .pop {
	color: #999;
	font-size: 10px;
	padding-right: 5px;
}


.res .tabs {
	padding-left: 25px;
}
.res .tabs li {
	padding: 5px 10px;
}
.res .panes {
	padding: 15px 25px 5px;
	margin-bottom: 10px;
}
.res .panes td {
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: center;
}
.res .panes a {
	color: #fff;
}


.links {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.links h6 {
	padding: 8px;
	border-top: 2px solid #cc0000;
	font-weight: bold;
}
.links a {
	color: #474747;
}
.links ul {
	padding: 10px 0;
}
.links li {
	display: inline;
	padding: 0 8px;
}
.links li:not(:first-child) {
	border-left: 1px solid #777777;
}


.footerbg {
	background-color: #EFEFEF;
	margin-top: 0;
	min-width: 980px;
	padding-top: 20px;
}
.index-footer-part-a {
	border-bottom: 1px solid #D5D5D5;
	font-family: 'microsoft yahei';
	padding-bottom: 20px;
}
.min-sitemap {
	float: left;
	width: 700px;
}
.min-sitemap .tit {
	font-size: 14px;
	line-height: 50px;
}
.min-sitemap .tit a {
	color: #555555;
	padding-right: 15px;
	position: relative;
}
.min-sitemap .tit a i {
	border-color: #EFEFEF #EFEFEF #EFEFEF #888888;
	border-style: solid;
	border-width: 5px;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: absolute;
	right: 0;
	top: 5px;
	width: 0;
}
.min-sitemap li {
	border-left: 1px solid #D5D5D5;
	float: left;
	height: 104px;
	line-height: 26px;
	width: 110px;
}
.min-sitemap li a {
	font-size: 14px;
	padding-left: 15px;
}
.index-footer-part-a .right-col {
	float: right;
	width: 280px;
}
.index-footer-part-a .icon-lis {
	padding-bottom: 10px;
}
.index-footer-part-a .icon-lis a {
	background: url("http://static.21cnimg.com/css/index/img-index_20130605/footer-entrance.png?max_age=19830211&d=20130621155159") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 0;
	margin-right: 10px;
	overflow: hidden;
	padding-top: 40px;
	width: 40px;
}
.index-footer-part-a .icon-lis .ico-mail {
	background-position: -50px 0;
}
.index-footer-part-a .icon-lis .ico-weibo {
	background-position: -200px 0;
}
.index-footer-part-a .icon-lis .ico-189 {
	background-position: -100px 0;
}
.index-footer-part-a .icon-lis .ico-cloud {
	background-position: -150px 0;
}
.index-footer-part-a .icon-lis .ico-newsapp:hover {
	background-position: 0 -54px;
}
.index-footer-part-a .icon-lis .ico-mail:hover {
	background-position: -50px -54px;
}
.index-footer-part-a .icon-lis .ico-189:hover {
	background-position: -100px -54px;
}
.index-footer-part-a .icon-lis .ico-cloud:hover {
	background-position: -150px -54px;
}
.index-footer-part-a .icon-lis .ico-weibo:hover {
	background-position: -200px -54px;
}
.index-footer-part-a .entrance {
	color: #CBCBCB;
	line-height: 24px;
}
.index-footer-part-a .entrance span {
	margin: 0 8px;
}
.index-footer-part-b {
	border-bottom: 19px solid #191919;
	padding-bottom: 35px;
	text-align: center;
}
.index-footer-part-a .entrance a {
	color: #666666;
}
.index-footer-part-b, .index-footer-part-b a {
	color: #999999;
}
.min-sitemap .tit a:hover, .index-footer-part-a .entrance a:hover, .index-footer-part-b a:hover {
	color: #C90000;
	text-decoration: none;
}
.index-footer-part-b .copyright {
	font-size: 12px;
	font-weight: 700;
	padding: 20px 0 15px;
}
.index-footer-part-b .picLink {
	margin-left: -15px;
	padding-bottom: 15px;
}
.index-footer-part-b .picLink img {
	display: inline;
	margin: 0 15px;
}
.index-footer-part-b .siteInfo p {
	float: left;
	line-height: 20px;
	text-align: left;
	width: 245px;
}
